*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}
.warp{
    // width: 1920px;
    // height: 3774px;
    header{
        .nav{
            display: flex;
            h4{
                margin-left: 360px;
                font-size: 35px;
            }
            ul{
                display: flex;
                margin-left: 570px;
                li{
                    a{
                        color: #000;
                    }
                    margin: 12px;
                    line-height: 39px;
                    :hover{
                        color: red;
                    }
                }
            }
        }
        .img{
            width: 1920px;
            height: 802px;
            // padding-top: 99px;
            .img-one{
                position: relative;
                p:last-of-type{
                    position: absolute;
                    left:459px;
                    top: 398px;
                    font-size: 40px;
                    color: #fff;
                }
                p:first-of-type{
                    position: absolute;
                    left:459px;
                    top: 334px;
                    font-size: 60px;
                    line-height: 20px;
                    color: #fff;
                }
            }
        }
        .main{
            width: 1338px;
            height: 430px;
            margin: 0 344px;
            margin-top: 100px;
            h1{
                width: 174px;
                height: 44px;
                margin: 0 auto;
                text-align: center;
            }
            h5{
                width: 174px;
                height: 44px;
                margin: 0 auto;
                text-align: center;
                line-height: 30px;
                color: rgb(170, 169, 169);
            }
            .main-img{
                display: flex;
                margin-top: 30px;
                p{
                    padding: 20px;
                    font-size: 14px;
                    
                }
            }
        }
        .img-one{
            position: relative;
            p:first-of-type{
                position: absolute;
                left: 637px;
                top: 90px;
                font-size: 16px;
            }
            p:last-of-type{
                position: absolute;
                left: 637px;
                top: 120px;
                font-size: 14px;
            }
            .area{
                width: 103px;
                height: 40px;
                position: absolute;
                left: 637px;
                top: 170px;
            }
            .area2{
                width: 103px;
                height: 40px;
                position: absolute;
                left: 770px;
                top: 170px;
            }
            .button{
                width: 103px;
                height: 40px;
                position: absolute;
                left: 900px;
                top: 170px;
                text-align: center;
                color: #fff;
                background-color: #f9a474;
            }
        }
        .img-two{
            position: relative;
            h1{
                position: absolute;
                top: 90px;
                right: 872px;
                font-size: 50px;
                color: #fff;
            }
            p:first-of-type{
                position: absolute;
                top: 160px;
                right: 890px;
                font-size: 15px;
                color: #fff;
            }
            p:last-of-type{
                width: 411px;
                height: 452px;
                position: absolute;
                left: 360px;
                top: 300px;
                line-height: 20px;
                font-size: 14px;
                color: #dbdbdb;
            }
            p:nth-last-child(2){
                position: absolute;
                top: 260px;
                left: 440px;
                font-size: 16px;
                text-align: center;
                color:#f9a474;
            }
        }
        .main-three{
            h2{
                width: 175px;
                height: 44px;
                margin: 0 auto;
                text-align: center;
                font-size: 40px;
                margin-top: 60px;

            }
            h5{
                width: 175px;
                height: 44px;
                margin: 0 auto;
                text-align: center;
                line-height: 60px;
                font-size: 10px;
            }
            // 给大盒子定义弹性、宽高、上外边距及左边距
            .main-three2{
                display: flex;
                width: 1257px;
                height: 554px;
                margin-top: 40px;
                margin-left: 360px;
                .img-three{
                    // 块级元素居中包括图片、文字及框架
                    text-align: center;
                    // &是父级选择器，小盒子文字之间的间距为30px
                    &:last-of-type{
                        margin-left: 30px;
                    }
                    // 定义大盒子中的小盒子的宽高和位置以及行高
                    p:last-of-type{
                        width: 560px;
                        height: 83px;
                        text-align: left;
                        font-size: 14px;
                        color: #999999;
                        // 首行文字前空两格
                        text-indent: 2em;
                        line-height: 20px;
                    }
                    // 定义小盒子文字颜色和上下外边距
                    p:first-of-type{
                        color: #f9a474;
                        margin-top: 20px;
                        margin-bottom: 14px;
                    }
                }
            }
        }
        .footer{
            height: 370px;
            background-color: #000;
                .footer-two{
                    width: 1200px;
                    height: 147px;
                    margin: 0 auto;
                    padding-top:90px;
                    display: flex;
                    color: #fff;
                    position: relative;
                    justify-content: space-between;
                    i{
                        position: absolute;
                        top: 160px;
                        left: 0px;
                        font-size: 30px;
                    }
                    i:nth-child(3){
                        position: absolute;
                        top: 160px;
                        left: 35px;
                    }
                    i:last-of-type{
                        position: absolute;
                        top: 160px;
                        left: 70px;
                    }
                    .shuxian{
                        height:99px;
                        border: 1px solid#ffffff;
                        opacity: 0.2;
                    }
                    .shuxian2{
                        height:99px;
                        border: 1px solid#ffffff;
                        opacity: 0.2;
                    }
                }
            
        }
    }
}